﻿*{
	margin: 0;
	padding:0;
}
body{
	margin: 0;
	padding:0;
	font-size: 14px;
	line-height: 21px;
	font-family: "微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
	-webkit-overflow-scrolling: touch;
	-webkit-overflow-scrolling:touch;
	background: none !important;
	padding-top:0px !important;
}
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	display: block;
	width: 100%;
	border: 0;
}
a{
	text-decoration: none;
	color: inherit;
}

/**
* 新版 pageIndex
* 
*/
.page_top{
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1000;
}
.cell_flex{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.cell_primary {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
.index_title{
	height: 3.75rem;
	background: url(/x_res/admin_app/prize/img/title_bg.jpg) 0 0/100% 100% no-repeat;
}
.title_name {
	font-size: 0.9rem;
	color: #fff;
	align-items: flex-end;
	padding-left: 17px;
}
.gift_icon {
	width: 1.2rem;
	margin-right: 10px;
}
.btn_write {
	width: 4.85rem;
}
.tab{
	text-align: center;
	font-size: 0.65rem;
	font-weight: bold;
	color: #666666;
	position: relative;
	background: #fff;
}
.tab:before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e3e3e3;
	-webkit-transform:scaleY(0.4);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.tab_item span{
	height: 2rem;
	line-height: 2rem;
	box-sizing: border-box;
}
.tab_item.active span{
	padding: 0px 10px;
	color: #79affb;
	display: inline-block;
	border-bottom: 2px solid #79affb;
}
.tab_lists{
	margin-top: 5.75rem;
}
.tab_lists >div{
	display: none;
}
.tab_lists >div.active{
	display: block;
}
.list_item {
	padding: 19px 16.5px;
	overflow: hidden;
	position: relative;
}
.list_item:before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e3e3e3;
	-webkit-transform:scaleY(0.7);
	position: absolute;
	bottom: 0px;
	left: 16.5px;
}
.item_type {
	font-size: 0.6rem;
	color: #999999;
}
.look_detail{
	color: #6fa8f9;
}
.arrow_go{
	width:0.35rem;
	height: 0.65rem;
	display: inline-block;
	margin-left: 5px;
	background:url(http://img.wx.chimelong.com/z/_common/prize/arrow_go.png) right center/100% 100% no-repeat;
}
.info_name {
	color: #555555;
	font-size: 0.6rem;
}
.info_date {
	color: #999999;
	font-size: 0.5rem;
}
.info_use {
	color: #999999;
	font-size: 0.5rem;
}

/**
* view 
*/
.page_view{
	background: #68a3f7 !important;
}
.view_top{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 40px;
	text-align: center;
	background: #fff;
	color: #333333;
	font-size: 15px;
}
.view_top:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #cccccc;
	-webkit-transform: scaleY(1);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.back_go {
	width: 10px;
	margin-left: 16px;
}
.refresh {
	width: 18.5px;
	margin-right: 16px;
}
.detail_wrap{
	padding-top: 40px;
}
.view_detail {
	position: relative;
	width: 14.4rem;
	color: #fff;
	margin: 20px auto;
	padding: 0px 0px 20px;
	box-sizing: border-box;
	background: #fff url(http://img.wx.chimelong.com/z/_common/prize/view_hx_bg.jpg?v=1) no-repeat left top/100%;
}
.view_detail:before{
	position: absolute;
	bottom: -18px;
	left: 50%;
	content: '';
	display: block;
	width: 96%;
	margin-left: -48%;
	height: 18px;
	background: url(http://img.wx.chimelong.com/z/_common/prize/shabox_bg.png?v=1) no-repeat left top/100%;
}
.prize_name {
	text-align: center;
	font-size: 0.8rem;
	padding: 17px 0px 7px;
}
.prize_date {
	color: #ffe1e1;
	text-align: center;
	font-size: 0.6rem;
}
.prize_describe {
	margin-top:35px;
	color: #666666;
	padding: 0px 20px;
}
.prize_code {
	color: #ff5656;
	text-align: center;
	font-size: 0.75rem;
	margin-top: 21px;
	padding-top: 20px;
	border-top: 10px solid #f5f5f5;
}
.btn_base{
	width: 210px;
	background: #fff;
	height: 35px;
	line-height: 35px;
	margin:10px auto;
	text-align: center;
	border-radius: 5px;
	font-size: 15px;
	color: #79affb;
}
.btn_red{
	display: none;
}
.btn_base >img,.btn_base span{
	display: inline-block;
	vertical-align: middle;
}
.btn_base >img{
	width: 17px;
}

.view_detail.red_bg{
	background: #fff url(/x_res/admin_app/prize/img/red_bg.jpg?v=1) no-repeat left top/100%;

}
.view_detail.red_bg .prize_name{
	font-size: 0.75rem;
	padding: 9px 0px 0px;
}
.view_detail.pass_bg{
	background: #fff url(/x_res/admin_app/prize/img/pass_bg.jpg?v=1) no-repeat left top/100%;
}
.view_detail.pass_bg .prize_describe{
	margin-top: 26px;
}
.view_detail.pass_bg .prize_date{
	display: none;
}

.more{
    text-align: center;
    width: 100%;
}